<template>
  <div class="button">
    <p v-if="movie.showst === 3">{{movie.sc}}<span>分</span></p>
    <p v-if="movie.showst === 4">{{movie.wish}}<span>人想看</span></p>
    <div :class="{'pre-sale': movie.showst === 4}">
      {{movie.showst === 3 ? '购票' : '预售'}}
    </div>
  </div>
</template>

<script>
export default {
  props: {
    movie: Object
  }
}
</script>

<style lang='stylus' scoped>
.button
  display flex
  flex-direction column
  align-items flex-end
  p
    color #f4b53f
    font-size .18rem
    text-align right
    span
      font-size .12rem
      transform scale(0.8)
    margin-bottom .16rem
  div
    width .45rem
    height .28rem
    background #dc5042
    color #fff
    border-radius .03rem
    text-align center
    line-height .28rem
    &.pre-sale
      background #68afe4
</style>